<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    .head{
        width: 100%;
        height: 70px;
        background-color: #305baa;
    }
    #logo img{
        width: 200px;
        height: 40px;
        margin: 5px;

        float: left;
    }
    .logo_right{
        float: left;
        margin-top: 10px;
        margin-right: 5px;
        float: right;
        color: aliceblue;

    }
    .logo_right li{
        width: 160px;
        float: left;
        margin-top: 10px;
        margin-right: 50px;
        list-style-type: none;
        font-size: 18px;
        font-weight:800;
    }
    .logo_right a{
        text-decoration: none;
        color: white;
    }
    #time{
        width: 300px;
    }
    .list_head{
        height: 60px;
        width: 800px;
        margin: 5px;

        float: left;
    }
    .list_head li{
        float: left;
        font-size: 16px;
        width: 100px;
        height: 50px;
        list-style-type: none;
        background-color: transparent;
        margin-left:12px;
        margin-top:15px;
        text-align: center;
        color: rgb(0, 0, 0);
        font-weight: 600;
    }
    .list_head  li:hover{
        transform:scale(1.1,1.1);
        transition:0.5s;
        color: white;
        cursor: pointer;
    }
    </style>
</head>
<body>
    <div class="head">
        <div id="logo">
        <img src="../../static/images/logo2.png" alt="">
         </div>
         <div class="logo_right">
             <li id = "time">
                 <a href="#">
                <svg width="18px" height="18px" viewBox="0 0 16 16" class="bi bi-clock" fill="currentColor" xmlns="http://www.w3.org/2000/svg" >
                    <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm8-7A8 8 0 1 1 0 8a8 8 0 0 1 16 0z"/>
                    <path fill-rule="evenodd" d="M7.5 3a.5.5 0 0 1 .5.5v5.21l3.248 1.856a.5.5 0 0 1-.496.868l-3.5-2A.5.5 0 0 1 7 9V3.5a.5.5 0 0 1 .5-.5z"/>             
                  </svg>
                  今日开馆时间：8：00-23：00
                 </a>
             </li>
             <li><a href="#">

                 <svg width="18px" height="18px" viewBox="0 0 16 16" class="bi bi-question-circle" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
                      <path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z"/>
                 </svg>
                 咨询图书馆相关</a>
             </li>
             <li><a href="#">
                <svg width="18px" height="18px" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
                  </svg>
                 我的图书馆</a>
             </li>
        </div>
    </div>
</body>
</html>